<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/jquery-3.1.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/angular.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/angular-ui-router.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/angular-css.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="js/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
	</head>
	<body ng-app="myApp" ng-controller="Ctrl">
		
		<div class="wrap" ui-view ng-class="{font:flag2}">
			<!--*************头部****************-->
			<header>
				<dl>
					<dt><p>登录后同步书架和购买记录</p></dt>
					<dd><button ui-sref="denglu">立即登录</button><span class="jiantou">></span></dd>
				</dl>
			</header>
			<hr />
			<!--*************content*************-->
			<content>
				<ul>
					<li><span class="glyphicon glyphicon-jpy"></span>金币充值<span class="first">首充有好礼</span></li>
					<li><span class="glyphicon glyphicon-check"></span>签到抽奖</li>
					<li ui-sref="syq"><span class="glyphicon glyphicon-user"></span>书友圈</li>
					<hr/>
					<li><span class="glyphicon glyphicon-star"></span><a href="../jingxuan.html">我的足迹</a></li>
					<li><span class="glyphicon glyphicon-comment"></span>消息</li>
					<hr />
					<li><span class="glyphicon glyphicon-envelope"></span>意见反馈</li>
					<li><span class="glyphicon glyphicon-cog"></span><span ui-sref="set">设置</span><span class="glyphicon glyphicon-star-empty night"></span><span ng-click="night()">{{msg}}</span></li>
					
				</ul>
			</content>
		</div>
		
		
	</body>
	
	<script type="text/javascript">
		
		var app=angular.module("myApp",["ui.router","angularCSS"]);
		//*************路由************
		app.config(function($stateProvider,$urlRouterProvider){
			$urlRouterProvider.otherwise("/");
			$stateProvider.state({
				name:"denglu",
				url:"/denglu",
				css:"css/login1.css",
				templateUrl:"loginF/login1.html",
				controller:"loginCtrl"
			})
			//**********足迹jingxuan*************
//			.state({
//				name:"zuji",
//				url:"/zuji",
//				css:"../jingxuan/css/jx.css",
//				templateUrl:"../jingxuan.html"
////				controller:"signCtrl"
//			})
			.state({
				name:"sign",
				url:"/sign",
				css:"css/sign.css",
				templateUrl:"loginF/sign.html",
				controller:"signCtrl"
			})
			//**********注册3级路由返回*********
			.state({
				name:"back3",
				url:"/back3",
				css:"css/login1.css",
				templateUrl:"loginF/login1.html"
			})
			.state({
				name:"back",
				url:"/back",
				templateUrl:"login.html"
			})
			.state({
				name:"syq",
				url:"/syq",
				css:"css/syq.css",
				templateUrl:"loginF/syq.html",
				controller:"syqCtrl"
			})
			.state({
				name:"back1",
				url:"/back1",
				templateUrl:"login.html",
			})
			.state({
				name:"set",
				url:"/set",
				css:"css/set.css",
				templateUrl:"loginF/set.html",
				controller:"setCtrl"
			})
			.state({
				name:"back2",
				url:"/back2",
				templateUrl:"login.html",
			})
		})
		//************设置*****************
		app.controller("setCtrl",function($scope){
            $scope.flag = false;
			$scope.wai=function(){
				$scope.flag = !$scope.flag;
			}
			$scope.wail=function(){
				$scope.flag1 = !$scope.flag1;
			}
		})
		//************立即登录***************
		
		app.controller("loginCtrl",function($scope){
			$scope.arr=[
				{"img":"img/10513_3.jpg","name":"腾讯账号"},
				{"img":"img/11434_3.jpg","name":"微信账号"},
				{"img":"img/48677_3.jpg","name":"微博账号"}
				]
		})
		//*************注册****************
		app.controller("signCtrl",function($scope){
			$scope.arr=[
				{"img":"img/10513_3.jpg","name":"腾讯账号"},
				{"img":"img/11434_3.jpg","name":"微信账号"},
				{"img":"img/48677_3.jpg","name":"微博账号"}
				]
		})
		//*************书友圈***************
		app.controller("syqCtrl",function($scope){
			$scope.arr=[
				{"img":"img/10513_3.jpg","name":"求书专区","tiezi":"10万+个帖子"},
				{"img":"img/11434_3.jpg","name":"交友区","tiezi":"8888+个帖子"},
				{"img":"img/48677_3.jpg","name":"原创区","tiezi":"9999+个帖子"}
			]
		})
		
		
		//**************主控制器******************
		app.controller("Ctrl",function($scope,$http){
			//**************点击切换*************
			$scope.msg="白天";
			$scope.flag2=false;
			
			$scope.night=function(){
				$scope.flag2=!$scope.flag2;
				if($scope.msg=="夜间"){
					$scope.msg="白天";
//					$(".wrap").css("background","");
				}else{
					$scope.msg="夜间";
//					$(".wrap").css("background","#EDEEEE");
				}
			}
			
			
			
			//***************调取数据*************
//			$http.get("http://127.0.0.1:8070").then(function(res){
//				console.log(res.data)
//			})
			
			
//			$.ajax({
//				type:"get",
//				url:"http://www.bugwhy.com/php/base/getdata.php",
//				data:{url:'http://bookwebview.easou.com/android/v1030/charge_booksAjax.m?udid=CEF419BC15AE9B4ED311C0A2A9A598C0&os=1&osv=5.1.1&av=3.3.0&sp=unicom&ch=blp1298_10891_001&pn=%208615560226908&pic=1&vc=1040&sessionId=&pageNum=3'},
//				dataType:'json',
//				success:function(data){
//					console.log(JSON.parse(JSON.parse(data.data)));
//				}
//			});
		})
		
		
		
	</script>
</html>
